<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
   <style>
      *{
         margin:0;
         padding:0;
      }
      /* form{
         width:200px;
         border:5px solid #ccc;
         margin:0 auto;
      } */
   </style>
</head>
<body>
   <form action="">
      <label for="username" >
         用户名：<input type="text" id = 'username'>
      </label>
      <label for="number">
         手机号：<input type="text" id = 'number'>
      </label>
      <label for="password">
         密码：<input type="text" id = 'password'>
      </label>
   </form>
   
   <script>
         //百度验证
         // - 用户名：14个字母

         // - 手机号：11位数字
         // - 只能以1开头
         // - 第二位数 3 5 6 7 8 9    3|[5-9]

         // - 密码：8-14个字符  {8,14}
         // - 数字 字母 标点标点符号 组成 \d|a-zA-Z|.
         var ste1 = username.value;
         var reg = /[a-zA-Z]{14}/;
         var ste1 = 'shiyanceshiaab';
         var res1 = reg.test(ste1);
         console.log(res1);
   
         var num = /1(3|[5-9])[0-9]{9}/;
         var ste2 = '18832673521'
         var res2 = num.test(ste2);
         console.log(res2);

         var password = /(\d|a-zA-Z|.){8,14}/;
         var ste3 = '1234abcdefgAB'
         var res3 = password.test(ste3);
         console.log(res3);

   </script>
</body>
</html>